<template>
  <el-row class="tac">
    <el-col :span="12">
      <el-menu
          :default-active="$route.path"
          background-color="#FFC1C1"
          class="el-menu-vertical-demo"
          text-color="#363636"
          active-text-color="#00CDCD"
          style="height: 600px; padding-left: 0; margin-left: 0;width: 150px"

      >
        <el-menu-item index="1">
          <span >
            侧栏一号
          </span>
        </el-menu-item>
        <el-menu-item index="2">
          <span>
            侧栏二号
          </span>
        </el-menu-item>
        <el-menu-item index="3">
          <span>
            侧栏三号
          </span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>

</template>

<script lang="js">
export default {
  name: "mySideBar",
}

</script>


<style scoped>
.el-menu-vertical-demo .el-menu-item{
  font-size: 16px;
  text-align: center; /* 文字居中 */
}
</style>